#{extends 'main.html' /}
#{set 'moreStyles'}#{stylesheet 'forum.css' /}#{/set}
#{set title:'Transat | Forum' /}


<div id="forum_head">
	<h2>Répondre au sujet ${suj.titre}</h2>
</div>

<div id="fil_ariane_forum">
	<a href="@{Categorie_forums.index()}">Forum</a> 
	> <a href="@{Categorie_forums.show(suj.categorie.id)}">${suj.categorie.libelle_categorie_forum}</a> 
	> <a href="@{Sujets.show(suj.id)}">${suj.titre}</a>
</div>


<div id="forum_content">
	
	<div id="forum_form_error">
		#{ifErrors}
			<div class="form_notification">Il y a des erreurs dans le formulaire</div>
			<ul class="sujet error">
				#{list errors, as:'erreur'}
					<li>${erreur}</li>
				#{/list}
			</ul>
		#{/ifErrors}
		
		#{if message}
			<div class="form_notification">Il y a des erreurs dans le formulaire</div>
			<ul class="sujet error">
				<li>${message}</li>
			</ul>
		#{/if}
	</div>	
	
	<div id="msg_form">
		#{form @Messages.ajouterAction(suj.id)}
			<div class="forum_form_field">
				<label>Titre du message</label>
				<input type="text" name="titre_message" value="${titre_message}"/>
			</div>
		
			<div class="forum_form_field">
				<label>Message</label>
				<textarea placeholder="Votre message" name="contenu_message" cols="31" rows="15">${contenu_message}</textarea>
			</div>
			
			<div class="forum_form_field">
				<label></label>
				<input type="submit" value="Répondre"></input>
			</div>	
		#{/form}
	</div>
</div>